<!--

   The single page!

-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="sv" xml:lang="sv">
    <head>
        <title>Fruitology</title>
        <meta charset="utf-8"/>  
        <!-- Note order: CSS first -->
        <link rel="stylesheet" type="text/css" href="resources/css/normalize.css" />
        <link rel="stylesheet" type="text/css" href="resources/css/blitzer/jquery-ui-1.10.2.custom.min.css" />
        <link rel="stylesheet" type="text/css" href="resources/css/style.css" />
        <script type="text/javascript" src="lib/jquery-1.9.1.js"></script>
        <script type="text/javascript" src="lib/jquery-ui-1.10.2.custom.js"></script>
        <script type="text/javascript" src="js/core/productCatalogue.js"></script>
        <script type="text/javascript" src="js/core/shop.js"></script> 
        <script type="text/javascript" src="js/core/navigator.js"></script> 
        <script type="text/javascript" src="js/gui/index.js"></script>
    </head>
    <body>
        <script type="text/javascript">
            /*
            var myObj = $.getJSON(shop.getBaseUri()+"products/"+768,function(data,msg) {alert("success");});
            myObj = $.ajax(shop.getBaseUri()+"products/"+768,
            {dataType:"json"}).done( function(){alert("success 2");});
            
            myObj = $.ajax(shop.getBaseUri()+"products/"+768,
            {dataType:"json"});
            myObj.done( function(){alert("success 3");});
            
            var sObj = $.ajax({
                dataType: "json",
                url: shop.getBaseUri()+"products/"+768,
                method: 'GET'
            })
  
          
            var aObj = shop.getProductCatalogue().find(768);
            aObj.done(function(){alert("success again")});
            aObj.fail(function(){alert("fail")})
            
            var bObj = shop.getProductCatalogue().getAll();
            bObj.done(function(data){console.log("Get All success");});
            bObj.fail(function(data){console.log("Get All Fail!");});
            
            var cObj = shop.getProductCatalogue().getRange(0,5);
            cObj.done(function(data){console.log("Get Range Success!");});
            cObj.fail(function(data){console.log("Get Range Fail!");});
            
            var cObj = shop.getProductCatalogue().getCount();
            cObj.done(function(data){console.log("Get Count Success! " + data);});
            cObj.fail(function(data){console.log("Get Count Fail!");});
              */
        </script>
        <header>
            <hgroup>
                <h1>Fruitology</h1>
                <h2>We taste better</h2>
            </hgroup>
        </header>
        <nav id="tabs">
            <ul>
                <li><a href="content/home.html">Home</a></li>
                <li><a href="content/products.html">Products</a></li>
                <li><a href="content/no.html">Customers</a></li>
                <li><a href="content/orders.html">Orders</a></li>
            </ul>
        </nav>
         
        
        <footer class="ui-widget-header">
            <div>The footer</div>
        </footer>
    </body>
</html>
